var myChart6 = echarts.init(document.getElementById('container6'));
option = {
    title: {
        show: true,
        top:10,
        text: '近半年月交易额及占比率',
        textStyle:{//标题样式
            color: '#ccc',
            fontWeight: 'bolder',
            fontSize: 16
        },
        x:'center'
    },
    tooltip: {
        trigger: 'axis'
    },
    grid: {
        top : 90,
        containLabel: true
    },
    legend: {
        top : 35,
        x:'center',
        textStyle:{    //图例文字的样式
            color:'#ccc'
        },
        data: [
            {
                name:'占比率'
            },
            {
                name:'交易额'
            }
        ]
    },
    xAxis: [{
        type: 'category',
        axisTick: {
            alignWithLabel: true
        },
        axisLabel: {
            color:'#ccc',
            interval:0,//横轴信息全部显示
            rotate:30//-30度角倾斜显示
        },
        axisLine:{         //分隔线(关闭状态)
            show:true,
            lineStyle:{
                color:'#ccc',
                type:'solid'
            }
        },
        data:half_year_time
        // data: ['2017-09','2017-10','2017-11','2017-12','2018-01','2018-02']
    }],
    yAxis: [{
        type: 'value',
        name: '占比率',
        // min: 0,
        // max: 15,
        position: 'right',
        nameTextStyle:{     //坐标轴上名称样式
            color:'rgb(235,122,255)'
        },
        axisLine:{          //坐标轴轴线相关设置
            show:false
        },
        axisTick:{          //刻度线样式
            show:true,
            lineStyle:{
                color:'rgb(235,122,255)'
            }
        },
        splitLine:{         //分隔线(关闭状态)
            show:false,
            lineStyle:{
                color:'#ccc',
                type:'dashed'
            }
        },
        axisLabel: {        //刻度线标签，旁边的字  100 200 。。
            formatter: '{value} %',
            color:'#ccc'
        }
    }, {
        type: 'value',
        name: '交易额（元）',
        // min: 0,
        // max: 30,
        position: 'left',
        nameTextStyle:{     //坐标轴上名称样式
            color:'#06B6F4'
        },
        axisLine:{          //坐标轴轴线相关设置
            show:false
        },
        axisTick:{//刻度线样式
            show:true,
            lineStyle:{
                color:'#06B6F4'
            }
        },
        splitLine:{         //分隔线(关闭状态)
            show:true,
            lineStyle:{
                color:'#ccc',
                type:'dashed'
            }
        },
        axisLabel: {
            color:'#ccc'
        }
    }],
    series: [{
        name: '占比率',
        type: 'line',
        stack: '总量',
        symbolSize:8,
        label: {
            normal: {       //折线上的数字样式
                color:'rgba(235,122,255,1)',
                show: false,
                position: 'top'
            }
        },
        lineStyle: {        //折线样式
            normal: {
                color:'rgba(235,122,255,1)',
                width: 3,
                shadowColor: 'rgba(0,0,0,0.4)',
                shadowBlur: 10,
                shadowOffsetY: 10
            }
        },
        itemStyle:{
            normal: {
                color:'rgb(235,122,255)',
                borderColor:'#ccc'
            },
            emphasis:{
                color:'rgb(235,122,255)'
            }
        },
        data:half_year_price_ratio
        // data: [3.5,3.8,6.9]
    }, {
        name: '交易额',
        type: 'bar',
        yAxisIndex: 1,
        // stack: '总量',
        label: {
            normal: {
                show: true,
                position: 'top',
                color:'#5A7CBF'  //柱状图上面字颜色
            }
        },
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: 'rgba(5,193,255,1)'// 0% 处的颜色
                }, {
                    offset: 1,
                    color: 'rgba(15,15,90,1)'// 100% 处的颜色
                }])
            }
        },
        data:half_year_price
        // data: [20.8,21.6,23.1,24.8,26.6,28.9]
    }]
};
myChart6.setOption(option);
